/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<    表单选择    >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .FormChoose {
  position: relative;

  /* ============================== 左侧 ============================== */
  &-left,
  &-right {
    display: inline-block;
    width: 47%;
    vertical-align: top;
  }

  /* ============================== 中间 ============================== */
  &-middle {
    display: inline-block;
    width: 6%;
    vertical-align: top;
  }

  /* ============================== 校验 ============================== */
  .el-input__validateIcon {
    display: none !important;
  }

  /* ============================== 分页 ============================== */
  .CoreWeb-TablePage {
    align-items: center;
    justify-content: center;
    padding: 12px 0 2px;

    /* —————————————————————————————— 分页下拉 —————————————————————————————— */
    .el-pagination__sizes {
      margin-right: 4px;
    }
    .el-select .el-input {
      width: 90px;
      margin: 0;
    }
    .el-select__caret {
      line-height: 20px;
      vertical-align: top;
    }

    /* —————————————————————————————— 左右箭头 —————————————————————————————— */
    .btn-prev {
      padding: 0 6px;
    }
    .btn-next {
      padding: 0 6px;
    }
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<     结构树      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .FormChoose-MyTreeOne {
  width: 35%;
}

body.CoreBody .FormChoose-MyTree {
  width: 39%;
}

body.CoreBody .FormChoose-MyTreeOne,
body.CoreBody .FormChoose-MyTree {
  position: relative;
  display: inline-block;
  padding: 0;

  /* ============================== 标题 ============================== */
  > div:first-child {
    line-height: 30px;
    padding: 10px 10px 0;
    font-size: 16px;
    color: #3b3b3b;
  }

  /* ============================== 区域树 ============================== */
  .CoreWeb-EasyTree {
    display: block !important;
    margin-bottom: 10px;

    > .el-input {
      width: calc(100% - 20px);
      margin: 10px;
    }

    .__view {
      padding: 0 10px !important;
    }
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      按钮      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .FormChoose-MyBtn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 548px;

  /* ============================== 按钮 ============================== */
  > .el-button {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 10px auto !important;
    padding: 0;
    border-radius: 6px;
    font-size: 20px;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<    待选已选    >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .FormChoose-MySingle {
  float: right;
  width: 63%;

  .el-table__header {
    .el-checkbox {
      display: none;
    }
  }

  .el-table__body {
    .el-checkbox__inner {
      border-radius: 50%;
    }
  }
}

body.CoreBody .FormChoose-MyWaiting {
  width: 59%;
  float: right;

  .cell.el-tooltip {
    min-width: 40px;
  }

  /* ============================== 分页 ============================== */
  .CoreWeb-TablePage {
    /* —————————————————————————————— 隐藏的 —————————————————————————————— */
    .active + .number ~ .number, // 【一234】隐藏3 // 【一2345】隐藏34
    .number + .active ~ .number, // 【1二34】隐藏3 // 【1二345】隐藏34 // 【13四56】隐藏5
    .number:first-child:not(.active) + .number:not(:nth-last-child(2)), // 【12三4】隐藏2 // 【123四】隐藏2 // 【12三】显示2
    .number:first-child:not(.active) + .number + .number:not(:nth-last-child(2)), // 【123四5】隐藏3 // 【1234五】隐藏3 // 【123四】显示3
    .el-icon-more + .number, // 【1~3四56】隐藏3
    .el-icon-more + .number + .number, // 【1~34五6】隐藏4 // 【1~345六】隐藏4
    .el-icon-more {
      display: none;
    }

    /* —————————————————————————————— 必显的 —————————————————————————————— */
    .number.active,
    .number:last-child {
      display: inline-block !important;
    }
  }
}

body.CoreBody .FormChoose-MySingle.el-textarea__inner,
body.CoreBody .FormChoose-MyWaiting,
body.CoreBody .FormChoose-MyChosen {
  display: inline-block;
  padding: 10px;
  box-sizing: border-box;

  /* ============================== 十行 ============================== */
  .CoreWeb-WebTable-10 {
    .el-table__body-wrapper {
      overflow-y: auto;
    }
  }

  /* ============================== 标题 ============================== */
  > div:first-child {
    line-height: 30px;
    color: #3b3b3b;
  }

  /* ============================== 输入框 ============================== */
  > .el-input {
    margin: 10px 0;

    /* —————————————————————————————— 图标 —————————————————————————————— */
    .el-input__icon {
      /* ------------------------------ 第一个 ------------------------------ */
      &:first-child {
        display: none;
      }
      /* ------------------------------ 最后一个 ------------------------------ */
      &:last-child {
        display: block;
      }
    }
  }

  /* ============================== 表格 ============================== */
  .CoreWeb-WebTable {
    .el-table::before {
      display: none;
    }

    .el-table__header {
      th {
        line-height: 40px !important;
        padding: 0 !important;
        font-weight: bold;
        background: transparent;

        > .cell {
          line-height: 40px !important;
        }
      }
    }

    .el-table__body {
      td {
        padding: 0 !important;
        border-color: transparent;
      }
    }
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<    校验有错    >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .is-error {
  .FormChoose-MyTreeOne,
  .FormChoose-MyTree,
  .FormChoose-MySingle,
  .FormChoose-MyWaiting,
  .FormChoose-MyChosen {
    border-color: #f56c6c;
  }
}
